<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script src="../lib/jquery/jquery.min.js"></script>
    <script>
        /*
            $.ajax({配置})
            $.get() $.post()，它们分别是get和post方法的简化版，结构：`$.get(url,[data],[callback],[type])`带中括号的参数可以省略，两个方法的结构一致，回调函数 callback 有两个参数：data 代表返回的内容；textstatus 代表请求状态，其值可能是success、error、notmodify、timeout其中一种。
        */

        $.ajax({
            // url / type-method / data / contentType / success / error
            url: "http://www.bufantec.com/api/douban/movie/in_theaters",
            data: {
                start: 2
            },
            success(res) {
                console.log(res);
            }
        })

        $.ajax({
            url: "http://bufantec.com/api/test/user/save",
            type: 'POST',
            contentType: "application/x-www-form-urlencoded",
            data: {
                name: "李白666", // 昵称
                age: 14,
                sex: 0,
                tel: 12346578,
                address: "长安城东北角",
                school: "长安吟诗学院",
                username: "77", // 登录名
                password: 123456
            },
            success(res) {
                console.log(res);
            }
        })

        $.get("http://www.bufantec.com/api/douban/movie/in_theaters", { start: 2 }, function (data, textstatus) {
            console.log(data, textstatus);
        })

        $.post('http://bufantec.com/api/test/user/save', {
                name: "李白666", // 昵称
                age: 14,
                sex: 0,
                tel: 12346578,
                address: "长安城东北角",
                school: "长安吟诗学院",
                username: "87", // 登录名
                password: 123456
            }, function (data, status) {
                console.log(data, status);
            })
    </script>
</body>
</html>